<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>退货售后</title>
	<link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/app.css" />
	<style type="text/css">
		/*改写*/

		.aftersale_title {
			height: 2.2rem;
			padding: 0 0.75rem;
			background: rgba(255, 255, 255, 1);
			background: #ffffff;
		}

		.aftersale_title>div {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 2.2rem;
			border-bottom: 1px solid rgba(238, 238, 238, 0.5);
		}

		.after_cont {
			background: #ffffff;
			border-bottom: 0.5rem solid #F6F6F6;
		}

		.after_cont>div {
			display: flex;
		}

		.after_cont>div .main_img {}

		.btn_detail {
			height: 2.5rem;
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}

		.btn_detail>div {
			width: 4rem;
			height: 1.5rem;
			border-radius: 0.85rem;
			border: 0.03rem solid rgba(221, 221, 221, 1);
			font-size: 0.7rem;
			font-family: PingFangSC;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			line-height: 1.5rem;
			text-align: center;
		}

		.order-none {
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
		}

		.none-any {
			margin-top: 40%;
		}

		.none-any img {
			width: 5rem;
			height: 5rem;
			margin-left: 50%;
			transform: translateX(-50%);
		}
	</style>
</head>

<body>
	<div id="app">
		<div class="aftersale" v-for="vo in info">
			<!-- 头部 -->
			<div class="aftersale_title">

				<div class="">
					<div class="">
						<span style="font-size:0.6rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(153,153,153,1);">服务编号：</span>
						<span style="font-size:0.6rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(114,213,239,1);">{{vo.service_num}}</span>
					</div>
					<div v-if="vo.status!='-1'&&vo.is_finish=='0'" class="">
						<span style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(114,213,239,1);">售后处理中</span>
					</div>
					<div v-if="vo.is_finish=='1'" class="">
						<span style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(114,213,239,1);">售后完成</span>
					</div>
					<div v-if="vo.status=='-1'&&vo.is_finish=='0'" class="">
						<span style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(114,213,239,1);">售后关闭</span>
					</div>
				</div>

			</div>
			<!-- 主体 -->
			<div class="after_cont" style="padding:0.8rem 0.8rem 0 0.8rem;">

				<div class="" style="border-bottom:1px solid rgba(238,238,238,0.5);padding-bottom:0.85rem;">
					<img style="width: 3.2rem;height:3.2rem;border-radius:0.2rem;margin-right:0.6rem;" :src="vo.cover" alt="">
					<div class="right_cont">
						<div class="aui-ellipsis-1" style="width:13.35rem;line-height:0.85rem!important;font-size:0.7rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(50,50,51,1);margin-bottom:0.2rem;">
							{{vo.title}}
						</div>
						<div class="" style="width:2.4rem;height:0.85rem;font-size:0.6rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(153,153,153,1);line-height:0.85rem;margin-bottom:0.2rem;">
							{{vo.good_sku}}
						</div>
						<div class="" style="font-size:0.75rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(51,51,51,1);line-height:1.05rem;display:flex;justify-content:space-between;width:13.35rem;align-items:center;padding-right:0.75rem;">
							<span>￥{{(vo.good_price/100).toFixed(0)}}</span>
							<span style="font-size:0.6rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(153,153,153,1);">×{{vo.good_num}}</span>
						</div>
					</div>
				</div>
				<div class="btn_detail" tapmode @click="openWin_aftersale_detail(vo.id)">
					<div class="">
						查看详情
					</div>
				</div>

			</div>


		</div>


		<div v-if="info.length<1" class="aui-text-center none-any">
			<img src="../../../image/bg/bg-nonedan.png" />
			<div class="aui-margin-t-10 order-none">
				暂无售后
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/vue.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script>
	var vm = new Vue({
		el: "#app",
		data: {
			info: [],
			page: 1,
			loadmore: true
		},
		methods: {
			get_list: function() {
				get_data('api/OrderAfterService/afterServiceList', {
					token: $api.getStorage('token'),
					page: vm.page
				}, function(ret) {
					if (ret.status) {
						if (ret.data.length < 20) {
							vm.loadmore = false
						}
						ret.data.forEach(function(el) {
							vm.info.push(el)
						})
					}
				})
			},

		}
	})
	apiready = function() {
		vm.get_list()
		// fnInitPullRefresh(function() {
		// 		vm.page = 1;
		// 		vm.info = [];
		// 		vm.loadmore = true;
		// 		vm.get_list()
		// 	})
			// 新版刷新
		refresh_new(function() {
			setTimeout(function() {
				vm.page = 1;
				vm.info = [];
				vm.loadmore = true;
				vm.get_list()
				api.refreshHeaderLoadDone()
			}, 1000)
		})
		fnInitScrollToBottom(function() {
			if (vm.loadmore) {
				vm.page++;
				vm.get_list()
			}
		})
	}
</script>

</html>
